import React, { Component } from 'react'
import {
  View,
  StyleSheet,
  Image,
  Text,
  TextInput,
  TouchableOpacity,
  ScrollView
} from 'react-native'

import NavBar from '../../../../components/PublicHeader';

export default class notice extends Component {
  constructor(props) {
    super(props)
    this.state = {
      // 头部标题
      topTitle: "通知",
    };
  }

  componentDidMount = () => {


  }

  render() {
    return (
      <View style={styles.padlrWarper}>
        {/* 导航栏 */}
        <NavBar
          navigation={this.props.navigation}
          title={this.state.topTitle}
          leftText={"取消"}
          right={"发送"}
          titleColor={"#333"}
        />
        <ScrollView style={styles.notice}>
          <View style={styles.notice_view}>
            <Text style={styles.notice_text}>主题：</Text>
            <TextInput style={styles.notice_input}
              placeholder='请输入通知主题' />
          </View>
          <View style={styles.notice_view2}>
            <Text style={styles.notice_text2}>内容：</Text>
            <TextInput style={styles.notice_input2}
              multiline={true}
              placeholder='请输入通知内容' />
          </View>
        </ScrollView>
      </View>
    )
  }
}
const styles = StyleSheet.create({
  container: {
    flexDirection: 'row',
    alignItems: 'center',
    height: 32,
    backgroundColor: 'transparent'
  },
  notice: {
    padding: 15
  },
  notice_view: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'flex-start',
    backgroundColor: '#fff',
    padding: 15,
    borderRadius: 6
  },
  notice_view2: {
    display: 'flex',
    flexDirection: 'row',
    justifyContent: 'flex-start',
    backgroundColor: '#fff',
    padding: 15,
    borderRadius: 6,
    marginTop: 10,
    height: 200
  },
  notice_input: {
    marginLeft: 10,
    height: 40
  },
  notice_input2: {
    marginLeft: 10,
    height: 40
  },
  notice_text: {
    marginTop: 9,
    fontSize: 16
  },
  notice_text2: {
    marginTop: 9,
    fontSize: 16
  }
})